.login
  position: relative
  margin-top: -100px
.owl-login
  width: 116px
  height: 92px
  background-image: url(~@/assets/img/logo.png)
  position: absolute
  top: -82px
  left: 50%
  margin-left: -64px
.eyes
  width: 100%
  height: 100%
  background-image: url(~@/assets/img/eyes.png)
  opacity: 0
  transition: .1s ease-out 0s
.arm-down-left
  width: 43px
  height: 25px
  background-image: url(~@/assets/img/arm-down-left.png)
  position: absolute
  bottom: 2px
  left: -34px
  transition: .3s ease-out
.arm-down-right
  width: 43px
  height: 26px
  background-image: url(~@/assets/img/arm-down-right.png)
  position: absolute
  bottom: 1px
  right: -40px
  transition: .3s ease-out
.arm-up-left
  width: 51px
  height: 41px
  background-image: url(~@/assets/img/arm-up-left.png)
  position: absolute
  bottom: 11px
  left: -3px
  transform: translateX(-34px) scale(.8)
  transform-origin: 0 40px
  transition: background-position .3s ease-out,transform .3s ease-out,opacity 0s linear .3s
  background-position: 0 25px
  background-repeat: no-repeat
  opacity: 0
.arm-up-right
  width: 51px
  height: 41px
  background-image: url(~@/assets/img/arm-up-right.png)
  position: absolute
  bottom: 11px
  right: 5px
  transform: translateX(57px) scale(.8)
  transform-origin: 0 40px
  transition: background-position .3s ease-out,transform .3s ease-out,opacity 0s linear .3s
  background-position: 0 25px
  background-repeat: no-repeat
  opacity: 0

.password .eyes
  opacity: 1
  transition: .1s ease-out .2s

.password .arm-down-left
  transform: translateX(40px) scale(0) translateY(-10px)
  opacity: 0

.password .arm-up-left
  transform: scale(1)
  background-position: 0 0
  opacity: 1
  transition: background-position .3s ease-out,transform .3s ease-out

.password .arm-down-right
  transform: translateX(-32px) scale(0) translateY(-8px)
  opacity: 0

.password .arm-up-right
  transform: scale(1)
  background-position: 0 0
  opacity: 1
  transition: background-position .3s ease-out,transform .3s ease-out
